iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 3
0
Modern Web

大家都在鐵人賽跑JS,這條鹹魚不只翻身還被煎得有點焦了,我們來點實務吧系列 第 3

三本柱大混戰 #3 今天我們來看看微軟的不正常發揮

  • 分享至 

  • xImage
  •  

這篇開始來張趣圖
新手看了不明白,老手看了掩面哭

好的,按照不曾出現的表訂進度
今天要來談談前端IDE
(整合開發環境Integrated Development Environment)

好的IDE讓你就算過勞也含笑九泉
壞的IDE讓你不用過勞就感嘆人蔘

小弟也看過用平板載個文字編輯器
就用bootstrap(一個前端框架)緊急尻出一個登入畫面的大師
當然,那並不在我們討論範圍內,一般人也不會這樣去挑戰極限

這次要為各位介紹微軟不正常發揮的產品
這傢伙

vscode載點在這~

怎麼說是不正常發揮呢?
大家都知道微軟雖然不是什麼險惡的廠商

(例如甲X文或X古文,東西亂買,買了又擺爛還要收錢
真是可惜了那杯藍色杯子冒紅煙的咖啡
跟那隻藍色的海豚,害我要多裝瑪麗亞)

咳,扯題了
大家都知道微軟很愛東西出一半就跑出來賣
例如發表會上藍底白字的作業系統Win98
與一聽到微軟要買github一堆工程師嚇到吃手手

這個IDE非常之輕,也不會吃一堆效能
有時候寫java 用的eclipse還以為自己學會了手指一動時間隨之凍結
然後世界快毀滅

下面簡單介紹幾個接下來系列文章會用到的插件
如果看官們有自己更好用的就用自己的就行了

死大斗

為甚麼都是英文?因為小弟英文很爛
把整個系統調成英文可以變強
但調了之後很難用,但又懶得調回去,只好去習慣


趴歐府 HTML插件

寫過文章與論文都知道,先上圖在打字是起手式


  1. HTML Snippets=>寫html必備插件
    • 提供最基本的html5快捷標籤,例如打個驚嘆號header、body甚麼都好了
    • 以及是工程師都需要的語法高亮(眼睛很重要,為了個尖括號找到眼睛脫窗就不好了)
    • 程式片段顯示,程式打完露露長,可以摺起來對滑鼠跟你的手都好
    • 以及Emmet的快捷模板語法(這甚麼東西以後會談到)

接下來~

趴歐府 CSS插件


甚麼?HTML只有一個?沒錯這個就夠強了
其他有什麼不錯的麻煩看官們再介紹給小農了

  1. Easy Sass=>這系列文章的CSS插件核心
    • 當你同事還在那邊查SCSS、SASS要怎麼編譯,你只要裝完這個插件,跟會按存檔鍵就甚麼都搞定了
    • 運行SCSS各種語法都沒問題,包含_XXX.scss不編譯,或著編譯後的檔案生成在別的地方,設定都簡單

  1. Sass =>除了編譯請愛惜你的時間與眼睛
    • 如同前面說的,這個插件讓SCSS從黑白變彩色,也讓你的肝不再硬化
    • 也提供了一些css模板語法的語法生成

  1. CSS Peek=>這個插件可選
    • 這個插件可以讓你在編輯HTML時快速找到你的CSS,不用不斷的全資料夾搜尋
    • 明白自己的 愚蠢 錯誤,是更上一層樓的不二法門安西教練也說過下面的話有圖有證明:

最後了

趴歐府-JS


喔喔喔,這篇大爆字大爆圖超累的

  1. JavaScript (ES6) code snippets=>js基本插件
    • 一樣是快捷語法與高亮(有吧,我記得有高亮)
    • 這個盾牌以後會很常看到,所以要記

  1. jQuery Code Snippets
    • jquery雖然大家都說快沒落了,但對前端新手來說還是很強大
    • 打下插件關鍵字jq馬上給你jquery語法全世界,超好用

好了,今天大爆圖大爆字,就先這樣

下一篇開始介紹HTML,與可以快速方便瀏覽的插件

絕對不是我覺得今天懶了,或花的時間太多了


上一篇
三本柱大混戰 #2 這篇來點目錄
下一篇
三本柱大混戰 #4 html寫得好還要寫得快-emmet
系列文
大家都在鐵人賽跑JS,這條鹹魚不只翻身還被煎得有點焦了,我們來點實務吧31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言